.jiaoyi_drawer{
    padding:0 24px;
    ul.f-cb{
        text-align: center;
        font-size: 0;
        margin-bottom: 25px;
        li{
            font-size: 16px;
            color: @fff;
            line-height: 28px;
            margin: 0 20px;
            display: inline-block;
            cursor: pointer;
        }
        li.hover{
            color: @hoverColor;
        }
    }
    .jiaoyi_drawer_code{
        margin-bottom: 20px;
        p{
            float: left;
            max-width: 50%;
            height: 24px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 20px;
            color: @fff;
            line-height: 24px;
            font-weight: normal;   
            padding-right: 30px;
        }
        span{
            float: left;
            display: block;
            font-size: 16px;
            color: @fff;
            line-height: 24px;
        }
        b{
            display: block;
            margin-left: 10px;
            font-size: 14px;
            line-height: 24px;
            padding:0 3px;
            float: left;
            background: @hoverColor;
            color: @fff;
            font-weight: normal;
            
        }
    }
    .price{
        color: @fff;
        h2{
            display: inline;
            font-size: 20px;
            line-height: 40px;
        }
        span{
            padding-left: 15px;
            font-size: 16px;
            line-height: 40px;
        }
    }
    .form_drawer{
        .el-form-item{
            margin-bottom: 10px;
            .el-autocomplete{
                background: @Dark_gray;
                height: 40px;
                display: block;
                width: 100%;
                border:none;
                border-radius: 3px;
                font-size: 14px;
                color: @fff;
                text-align: center;
                input{
                    border:none;
                }
                .selectName{
                    background: @borderColor;
                    border: 1px solid rgba(@fbSix,0.3);
                    .popper__arrow::after{
                        background:rgba(@borderColor,0.3);;
                        border-bottom-color:rgba(@fbSix,0.3);
                        top: -1px;
                    }
                    li{
                        font-size: 14px;
                        color: @fff;
                        display: flex;
                        .name {
                            width: 50%;
                            text-overflow: ellipsis;
                            line-height: 24px;
                            overflow: hidden;
                        }
                        .addr {
                            line-height: 24px;
                            font-size: 12px;
                            display: block;
                            color: #b4b4b4;
                          }
                    }
                    li:hover{
                        background: @Dark_gray;
                    }
                }
            }
            .disabled_input{
                background: @Dark_gray;
                height: 40px;
                display: block;
                width: 100%;
                border:none;
                border-radius: 3px;
                font-size: 14px;
                color: @fbSix;
                text-align: center;
            }
            .el-form-item__label{
                font-size: 14px;
                color: @fbSix
            }
            .el-radio{
                .el-radio__inner{
                    background: transparent;
                    border-color: @fbSix;
                    font-size: 14px;
                    color: @fbSix;
                }
                 .el-radio__inner::after{
                    background: transparent;
                }
            }
            .el-radio.is-checked{
                .el-radio__label{
                    color: @hoverColor;
                }
                .el-radio__inner{
                    border-color: @hoverColor;
                }
                .el-radio__inner::after{
                    background: url(~@/assets/img/dui.png) no-repeat center;
                    width: 10px;
                    height: 10px;
                    background-size: 10px;
                }           
            }
            .el-input-number{
                background: transparent;
                width: 100%;
                .el-input__inner{
                    background: @Dark_gray;
                    border:transparent;
                    color: @fff;
                    font-size: 14px;
                }
                span{
                    background: transparent;
                    border-color: @borderColor;
                    color: @fbSix;
                    margin: 5px 0;
                    height: 30px;
                    line-height: 30px;
                }
            }
            .el-radio-group{
                .el-radio-button{
                    margin-right: 12px;
                    .el-radio-button__inner{
                        background: transparent;
                        border:1px solid @Dark_gray;
                        border-radius: 3px;
                        font-size: 14px;
                        box-shadow: none;
                        color: @fbSix;
                    }
                }
                .el-radio-button:last-child{
                    margin-right: 0;
                }
                .el-radio-button.is-active{
                    .el-radio-button__inner{
                        color: @fff;
                        background: @hoverColor;
                    }
                }
            }
        }
    }
    .frawer_bottom{
        p{
            font-size: 14px;
            color: @fbSix;
            line-height: 41px;
            span{
                color: @fff;
            }
        }
        b{
            font-weight: normal;
            font-size: 14px;
            color: @fbSix;
            line-height: 24px;
            padding-bottom: 20px;
        }
        button{
            width: 100%;
            background: @red;
            font-size: 16px;
            color: @fff;
            line-height: 40px;
            border:none;
            border-radius: 3px;
            text-align: center;
            margin:30px 0;
        }
        button.on{
            background:@blue;
        }
    }
    .frawer_bottom.on{
        border-top: 1px solid @Dark_gray;
    }
    .has_not_started{
        padding:40px 0;
        h2{
            padding-top: 90px;
            font-size: 18px;
            color: @fff;
            line-height: 24px;
            text-align: center;
            background: url(~@/assets/img/nottime.png) no-repeat top center;
            background-size: 42px;
            padding-bottom: 40px;
        }
        p{
            font-size: 14px;
            color: @fff;
            line-height: 20px;
            padding-bottom: 26px;
            span{
                display: block;
                line-height: 26px;
            }
        }
        b{
            display: block;
            font-size: 14px;
            color: @fbSix;
            line-height: 24px;
            font-weight: normal;
        }
        i{
            font-style: normal;
        }
    }
    .day_work{
        .three_radio{
            .el-radio-button__inner{
                padding:12px ;
            }
        }
        .h2_title{
            border-bottom: 1px solid @Dark_gray;
            h2{
                font-size: 14px;
                color: @fbSix;
                line-height: 40px;
            }
        }
        .radio_input{
            .el-radio-button{
                width: 66px;
                .el-radio-button__inner{
                    padding:12px 0;
                    width: 70px;
                }
            }
            .radio_input_child{
            
                .el-radio-button__inner{
                    padding:10px  2px;
                    input{
                        background: none;
                        border: none;
                        width: 60px;
                        padding:0;
                        height: 20px;
                        text-align: center;
                        font-size: 14px;
                        color: @fff;
                    }
                }
            }
        }
        .scale{
            margin-bottom: 20px;
            .el-form-item{
                margin-bottom: 0;
            }
            p{
                width: 100%;font-size: 12px;
                color: @fbSix;
                line-height: 24px;
                padding:5px;
                span{
                    color: @hoverColor;
                }
            }
        }
        .selectName{
            background: @borderColor;
            border: 1px solid @fbSix;
            .popper__arrow::after{
                background: @borderColor;
                border-bottom-color:@fbSix;
                top: -1px;
            }
            li{
                font-size: 14px;
                color: @fff;
            }
            li:hover{
                background: @Dark_gray;
            }
        }
        
    }
   .el-autocomplete{
        .el-input__inner{
            background: transparent;
            border:1px solid rgba(@fbSix,0.4);
            font-size: 14px;
            color: @fff;
        }
    }
  
    
}
@media screen and (max-width: 1366px) {
    .jiaoyi_drawer{
        .jiaoyi_drawer_code{
            margin-bottom: 10px;
        }
        .form_drawer {
            .el-form-item{
               .el-radio-group{
                    .el-radio-button{
                        width: 74px;
                        margin-bottom: 10px;
                        margin-right: 7px;
                        .el-radio-button__inner{
                            width: 100%;
                            display: block;
                        }
                    }
                    .el-radio-button:nth-child(2n){
                        margin-right: 0;
                    }
                }
                .el-radio{
                    margin-bottom: 10px;;
                }
            } 
        }
    }
}
.noinday{
    color: @fff;
    font-size: 18px;
    text-align: center;
}